<template>
	<view>
		<view class="cate">
			<navigator :url="`/pages/department-reserve/department-reserve?type=${item}`" class="cate-item" v-for="item in list">
				<text>{{item}}</text>
				<u-icon name="arrow-right"></u-icon>
			</navigator>
			<!-- <navigator url="" class="cate-item">
				<text>耳喉鼻科</text>
				<u-icon name="arrow-right"></u-icon>
			</navigator>
			<navigator url="" class="cate-item">
				<text>胸外科</text>
				<u-icon name="arrow-right"></u-icon>
			</navigator>
			<navigator url="" class="cate-item">
				<text>骨科</text>
				<u-icon name="arrow-right"></u-icon>
			</navigator>
			<navigator url="" class="cate-item">
				<text>心肾内科</text>
				<u-icon name="arrow-right"></u-icon>
			</navigator>
			<navigator url="" class="cate-item">
				<text>呼吸消化科</text>
				<u-icon name="arrow-right"></u-icon>
			</navigator>
			<navigator url="" class="cate-item">
				<text>慢性病科</text>
				<u-icon name="arrow-right"></u-icon>
			</navigator>
			<navigator url="" class="cate-item">
				<text>普外科</text>
				<u-icon name="arrow-right"></u-icon>
			</navigator>
			<navigator url="" class="cate-item">
				<text>妇产科</text>
				<u-icon name="arrow-right"></u-icon>
			</navigator>
			<navigator url="" class="cate-item">
				<text>儿科</text>
				<u-icon name="arrow-right"></u-icon>
			</navigator>
			<navigator url="" class="cate-item">
				<text>口腔科</text>
				<u-icon name="arrow-right"></u-icon>
			</navigator>
			<navigator url="" class="cate-item">
				<text>皮肤科</text>
				<u-icon name="arrow-right"></u-icon>
			</navigator>
			<navigator url="" class="cate-item">
				<text>急诊</text>
				<u-icon name="arrow-right"></u-icon>
			</navigator> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					'神经内科',
					'耳喉鼻科',
					'胸外科',
					'骨科',
					'心肾内科',
					'呼吸消化科',
					'慢性病科',
					'普外科',
					'妇产科',
					'儿科',
					'口腔科',
					'皮肤科',
					'急诊'
					]
			};
		}
	}
</script>

<style lang="scss">
view{
	background-color: #fff;
	.cate{
		display: flex;
		flex-direction: column;
		.cate-item{
			border-bottom: 2rpx solid #e4e7ed;
			padding: 40rpx;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			font-size: 32rpx;
			color: #666;
		}
	}
}
</style>
